<template>
  <div class='fansavatar'>
    <div class="title">
      <img src="../../assets/logo.png" alt="">
    </div>
    <span v-if="isdesc" class='desc'>小明</span>
  </div>
</template>

<script>
export default {
  name: 'fansavatar',
  props: {
    isdesc: {
      type: Boolean,
      default: false
    }
  }
};
</script>

<style lang="less" scoped>
.fansavatar {
  width: 50px;
  height: 50px;
  display: inline-block;
  .title {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: solid 1px #999;
    margin: 0 auto;
    overflow: hidden;
  }
  .desc {
    display: inline-block;
    text-align: center;
  }
}
</style>
